<header class="am-topbar am-topbar-inverse">
    <div class="am-container">
        <h1 class="am-topbar-brand">
            <a href="${app}/blog/" class="am-topbar-logo">
                <img src="${app}/static/images/blog/logo.png" alt="${title}" />
            </a>
        </h1>
        <button class="am-topbar-btn am-topbar-toggle am-btn am-btn-sm am-btn-success am-show-sm-only"
                data-am-collapse="{target: '#doc-topbar-collapse-5'}">
            <span class="am-sr-only">导航切换</span>
            <span class="am-icon-bars"></span>
        </button>
        <div class="am-collapse am-topbar-collapse" id="doc-topbar-collapse-5">
            <ul class="am-nav am-nav-pills am-topbar-nav">
                <li id="header-index">
                    <a href="${app}/blog/">首页</a>
                </li>
                [@fl_blog_category_list parentId='-1' status='1']
                [#list tag_list as nav]
                [#if nav.has_child==0]
                <li>
                    <a href="${app}/blog/category/${nav.category_id }.shtml">${nav.category_name }</a>
                </li>
                [#else]
                <li class="am-dropdown" data-am-dropdown="">
                    <a class="am-dropdown-toggle" data-am-dropdown-toggle="" href="javascript:;">${nav.category_name }<span class="am-icon-caret-down"></span></a>
                    <ul class="am-dropdown-content">
                        [@fl_blog_category_list parentId='${nav.category_id }']
                        [#list tag_list as nav2]
                        <li><a href="${app}/blog/category/${nav2.category_id }.shtml">${nav2.category_name }</a></li>
                        [/#list]
                        [/@fl_blog_category_list]
                    </ul>
                </li>
                [/#if]
                [/#list]
                [/@fl_blog_category_list]
            </ul>
            <div class="am-topbar-right">

            </div>
        </div>
    </div>
</header>